import { createPortal } from "react-dom";
// createProtal的作用和vue中的Teleport一样 作为传送门使用
export default function MyComponent() {
  return (
    <div style={{ border: "2px solid black" }}>
      <h2>传送门的使用——createProtal————类似于vue的teleport</h2>

      <p>这个子节点被放置在父节点 div 中。</p>
      {createPortal(
        <p>这个子节点被放置在 document body 中。</p>,
        document.querySelector("#zks")
      )}
    </div>
  );
}
